<template>
  <div>
    <div v-for="(item, index) in tplData" :key="index">
      <editor v-if="item.content.type ==1" :tplItemData="item.content.content"></editor>
      <title-tpl v-else-if="item.content.type ==2" :tplItemData="item.content.content"></title-tpl>
      <diy-video v-else-if="item.content.type ==14" :tplItemData="item.content.content"></diy-video>
      <cut-line v-else-if="item.content.type ==10" :tplItemData="item.content.content"></cut-line>
      <blank v-else-if="item.content.type ==11" :tplItemData="item.content.content"></blank>
      <bulletin v-else-if="item.content.type ==16" :tplItemData="item.content.content" ></bulletin>
    </div>
  </div>
</template>

<script>
import editor from '@/components/diyTpl/decoration/editor'
import titleTpl from '@/components/diyTpl/decoration/title'
import diyVideo from '@/components/diyTpl/decoration/video'
import cutLine from '@/components/diyTpl/decoration/cutLine'
import blank from '@/components/diyTpl/decoration/blank'
import bulletin from '@/components/diyTpl/decoration/bulletin'
export default {
  props: {
    tplData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  components: {
    editor,
    titleTpl,
    diyVideo,
    cutLine,
    blank,
    bulletin
  }
}
</script>